<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>云API</title>
    <link rel="stylesheet" href="../css/api.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../../css/third/swiper.min.css">
    <link rel="stylesheet" href="../../css/homepage.css">
    <style>

    </style>
</head>

<body>
    <div class="page-container">
        <!-- home-banner-swipper -->
        <div class="home-banner-swipper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="http://www.sgyhl18.club:99/static/upload/2019-11-01/170880582573134.png" class="swiper-lazy">
                    </div>
                    <div class="swiper-slide">Slide 2</div>
                    <div class="swiper-slide">Slide 3</div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!-- 通知 -->
        <div class="home-notice-container">
            <div class="notice-text">
                <span>这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏这是 NoticeBar 通告栏，这是 NoticeBar 通告栏，这是 NoticeBar 通告栏</span>
            </div>
        </div>

        <!-- 分类 -->
        <div class="cate-section">
            <div class="cate-item">
                <img src="../../image/homePage/c1.png" />
                <text>我的资产</text>
            </div>
            <div class="cate-item">
                <img src="../../image/homePage/c2.png" />
                <text>大盘指数</text>
            </div>
            <div class="cate-item">
                <img src="../../image/homePage/c3.png" />
                <text>涨跌排名</text>
            </div>
            <div class="cate-item">
                <img src="../../image/homePage/c4.png" />
                <text>热门看板</text>
            </div>
        </div>

        <!-- 热门易货 -->
        <div class="hot-goods">
            <div class="f-header m-t">
                <image src="../../image/homePage/h1.png"></image>
                <div class="tit-box">
                    <text class="tit">热门易货</text>
                    <text class="tit2">Favourite Transaction Goods</text>
                </div>
            </div>
            <div class="hoot-group-section">
                <div class="item-good">
                    <div class="good-name">面粉</div>
                    <div class="good-price">{{item.price1}}</div>
                    <div class="good-rate">
                        <div class="good-rate-left">{{item</div>
                        <div class="good-rate-right">{{item</div>
                    </div>
                </div>
                <div class="item-good">
                    <div class="good-name">面粉</div>
                    <div class="good-price">{{item.price1}}</div>
                    <div class="good-rate">
                        <div class="good-rate-left">{{item</div>
                        <div class="good-rate-right">{{item</div>
                    </div>
                </div>
                <div class="item-good">
                    <div class="good-name">面粉</div>
                    <div class="good-price">{{item.price1}}</div>
                    <div class="good-rate">
                        <div class="good-rate-left">{{item</div>
                        <div class="good-rate-right">{{item</div>
                    </div>
                </div>
                <div class="item-good">
                    <div class="good-name">面粉</div>
                    <div class="good-price">434343</div>
                    <div class="good-rate">
                        <div class="good-rate-left">20%</div>
                        <div class="good-rate-right">-200%</div>
                    </div>
                </div>
                <div class="item-good">
                    <div class="good-name">面粉</div>
                    <div class="good-price">{{item.price1}}</div>
                    <div class="good-rate">
                        <div class="good-rate-left">{{item</div>
                        <div class="good-rate-right">{{item</div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 行业新闻 -->
        <div class="news">
            <div class="f-header m-t">
                <img src="../../image/homePage/h2.png" />
                <div class="tit-box">
                    <text class="tit">行业新闻</text>
                    <text class="tit2">Information For Industry News</text>
                </div>
            </div>
            <div class="news-group-section">
                <div class="news-section">
                    <div class="new-item">
                        <div class="new_hd">
                            <div class="new_hd_title">
                                细纹把概念股IE更嫩肤内外个呢过你飞哥
                            </div>
                            <div class="new_hd_time">
                                2019-09-30
                            </div>
                        </div>
                    </div>

                    <div class="new-item">
                        <div class="new_hd">
                            <div class="new_hd_title">
                                细纹把概念股IE更嫩肤内外个呢过你飞哥nfgnewngonf 南风任务是那我让女嗯呢哇v
                            </div>
                            <div class="new_hd_time">
                                2019-09-30
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</body>

</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/third/flexied.js"></script>
<script type="text/javascript" src="../../script/jquery-3.2.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../script/third/vconsole.js"></script>
<script type="text/javascript" src="../../script/js/page_common.js"></script>
<script type="text/javascript" src="../../script/common/interface.js"></script>
<script src="../../script/third/swiper.min.js"></script>

<script type="text/javascript">
    var params = {
        pageNo: 1,
        pageSize: "10",
    }
    if (window.EVN.test) {
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
        // getNews()
    }

    apiready = function() {
        var params = {
                pageNo: 1,
                pageSize: "10",
            }
            //页面初始化
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
        getNews()

    }

    function getNews() {
        var _sucess = function(data) {
                console.error(data)
                var _newsList = data || [];
            }
            /* if (window.EVN.test) {
                $.getJSON("../../test/news.test.json", function(res) {
                    _sucess(res && res.data)
                })
                return
            } */
        var _url = AppInerface.query_news_list + "/2/" + params.pageNo + "/" + params.pageSize
        request(_url, null, null, function(res, err) {
            console.error(ret, "0000")
            _sucess(res && res.data)
        }, function(res, err) {

        });

    }
</script>